<!--代理人基础信息管理页-->
<template>
    <div id="agency-tab" class="tab-pane show active">
        <form action="#">
            <div class="row">
                <div class="col-12 mb-30"><h3 class="mb-0">代理信息</h3></div>
                <div class="col-12 mb-30"><label for="agency_name">代理人姓名</label><input type="text" id="agency_name" value="Royao Estates"></div>
                <div class="col-12 mb-30"><label for="about_agency">代理人简历</label><textarea id="about_agency"></textarea></div>
                <div class="col-12">
                    <div class="row">
                        <div class="col-md-6 col-12 mb-30"><label for="agency_address">地址</label><input type="text" id="agency_address" value="256, 1st AVE, Manchester 125 , Noth England"></div>
                        <div class="col-md-6 col-12 mb-30"><label for="agency_number">电话号码</label><input type="text" id="agency_number" value="(756) 447 5779"></div>
                        <div class="col-md-6 col-12 mb-30"><label for="agency_email">Email</label><input type="text" id="agency_email" value="info@example.com"></div>
                        <div class="col-md-6 col-12 mb-30"><label for="agency_web">个人网页</label><input type="text" id="agency_web" value="www.example.com"></div>
                        <div class="col-md-6 col-12 mb-30"><label for="agency_license">从业证书号</label><input type="text" id="agency_license" value="AB7876A6"></div>
                    </div>
                    <h4>其他信息</h4>
                    <div class="row">
                        <div class="col-md-6 col-12 mb-30"><label for="agency_social_facebook"><i class="fa fa-facebook-official"></i>QQ空间</label><input type="text" id="agency_social_facebook" value="www.facebook.com"></div>
                        <div class="col-md-6 col-12 mb-30"><label for="agency_social_twitter"><i class="fa fa-twitter"></i>朋友圈</label><input type="text" id="agency_social_twitter" value="www.twitter.com"></div>
                        <div class="col-md-6 col-12 mb-30"><label for="agency_social_linkedin"><i class="fa fa-linkedin"></i>抖音</label><input type="text" id="agency_social_linkedin" value="www.linkedin.com"></div>
                        <div class="col-md-6 col-12 mb-30"><label for="agency_social_google"><i class="fa fa-google"></i>个人小视频</label><input type="text" id="agency_social_google" value="www.google.com"></div>
                        <div class="col-md-6 col-12 mb-30"><label for="agency_social_instagram"><i class="fa fa-instagram"></i>喜马拉雅</label><input type="text" id="agency_social_instagram" value="www.instagram.com"></div>
                        <div class="col-md-6 col-12 mb-30"><label for="agency_social_pinterest"><i class="fa fa-pinterest"></i>支付宝</label><input type="text" id="agency_social_pinterest" value="www.pinterest.com"></div>
                    </div>
                </div>
                <div class="col-12 mb-30"><button class="btn">保存信息记录</button></div>
            </div>
        </form>
    </div>
</template>

<script>
    import {createNamespacedHelpers} from 'vuex'
    const {mapMutations } = createNamespacedHelpers('user');
    export default {
        methods:{
            ...mapMutations(['changeUserCenterActiveIdx'])
        },
        mounted() {
            //激活代理人信息
            this.changeUserCenterActiveIdx(1);
        }
    }
</script>

<style scoped>

</style>
